﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ReadPage.aspx.cs" Inherits="ReadPage" %>

<%@ Register Src="~/UserControl/UboxTemplate.ascx" TagPrefix="uc1" TagName="UboxTemplate" %>
<%@ Register Src="~/UserControl/UboxRecommend.ascx" TagPrefix="uc1" TagName="UboxRecommend" %>
<%@ Register Src="~/UserControl/UboxIntroduction.ascx" TagPrefix="uc1" TagName="UboxIntroduction" %>
<%@ Register Src="~/UserControl/UboxMessageBoard.ascx" TagPrefix="uc1" TagName="UboxMessageBoard" %>
<%@ Register Src="~/UserControl/LoginPage.ascx" TagPrefix="uc1" TagName="LoginPage" %>








<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <style>
        .reader-top, .reader-container, .recommend-container,
        .introduction-container, .reader-bottom,
        .reader-rigth-container, .reader-bottom-left{
            /*border: 1px solid white;*/
        }
        .reader-top{
            width: 930px;
            margin: 15px auto 0 auto;
            overflow: auto;
        }
        .reader-bottom{
            width: 930px;
            margin: 15px auto 0 auto;
            /*overflow: auto;*/
        }
        .reader-bottom-left{
            width: 600px;
        }
        .reader-container{
            float: left;
        }
        .reader-rigth-container{
                overflow: hidden;
        }
        .recommend-container{
                margin-left: 10px;
        }
        .introduction-container{
                margin-left: 10px;
        }
        body{
            background-color: rgba(0,0,0,0.3);
        }
/*開箱文內容讀取*/
.RelatedArcitleContent {
    /*background-color:aquamarine;*/
    float:left;
    width:160px;
    /*word-break: normal;*/
    height:143px;
    padding:20px;
    font-size:medium;
    word-break: break-all;
}
.RelatedArcitleImg {
    /*background-color:#ff6a00;*/
    float:left;
    vertical-align:middle;
         
}
.RelatedArcitleImg > img {
    vertical-align:middle; 
}
.DivRelatedArcitleData {
    display:inline-block;
    width:255px;
    background-color:#fff;
    clear:left ;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid  rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

    margin-top:5px;
    margin-left:3px;
    margin-bottom:10px;

    padding-top:5px;
    padding-bottom:5px;
    padding-left:8px;

   

}
#imgUboxCover {
   min-height:300px;
    max-width:540px;
    max-height:500px;
    margin:0 auto;
}

/*margin:0 auto;*/
/*<<<<<<< .mine*/
/*width:90%;*/
/*=======*/
/*>>>>>>> .r198*/

#DivimgUboxCover {
    
   
    /*width:100%;*/
    /*max-width:390px;*/
    /*width:400px;
    height:80%;*/
    min-height:100%;
    text-align:center;
}

.Pagination{
    padding-top:5px;
    height:30px;
    text-align:center;
    background:rgb(248,248,248);
}



        #keyword {
            display:none;
        }
/*開箱文內容讀取*/
        </style>

        
        <div class="container">
            <div class="reader-top ">
                <div class="reader-container ">
                    <uc1:UboxTemplate runat="server" ID="UboxTemplate" />
                </div>
                <div class="reader-rigth-container">
                    <div class="recommend-container">
                        <uc1:UboxRecommend runat="server" ID="UboxRecommend" />
                    </div>
                    <div class="introduction-container">
                        <uc1:UboxIntroduction runat="server" ID="UboxIntroduction" />
                    </div>
                </div>
            </div>
            <div class="reader-bottom">
                <div class="reader-bottom-left">
                    <uc1:UboxMessageBoard runat="server" ID="UboxMessageBoard" />
                </div>
            </div>
        </div>
    <script src="Scripts/Article.js"></script>      

    <uc1:LoginPage runat="server" ID="LoginPage" />
    <script>
        function getParameterByName(name) {
            name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
            var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
                results = regex.exec(location.search);
            return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
        }

        var a_id = getParameterByName('a_id');
        var m_id = getParameterByName('m_id');

        
        $(function () {
            ReadArticleAllevents2(a_id, m_id);
            $('body').css('overflow-y', 'scroll');
            $(".message-board-content").hide();
        });
    </script>

</asp:Content>

